<div class="wiki-bg-box">
	<div class="f-engMain-content swikibox">
		<!--<span>相关搜索：</span>
		<div class="datadiv" ng-click="clickcolor($index)">水利图</div>
		<div class="datadiv" ng-click="clickcolor($index)">水利图</div>
		<div class="datadiv" ng-click="clickcolor($index)">水利图</div>-->
	</div>
    <div class="wiki-box">
        <div class="wiki-r-box">
            <ul class="wiki-r-box-top">
				<li>共<span> {{allnum}} </span>条问答</li>
				<li id="rq" ng-click="activerq()">人气</li>
				<li id="sj" ng-click="activesj()">时间</li>
            </ul>
            <div class="wiki-list-top">
                <span>标题</span>
                <span>回复</span>
                <span>状态</span>
                <span>悬赏（积分）</span>
                <span>提问时间</span>
            </div>
            <ol class="wiki-list">
                <li ng-repeat="item in qqq"  ng-style="change($index)" ng-mouseenter="gaibian($index,item)">
                    <span class="item-title" ng-click="jump(item.postbarId)">{{item.title}}</span>
                    <span class="item-rep">{{item.replyCount}}</span>
                    <span class="item-solve" ng-style="returnCSS(item.solve)">{{item.solve}}</span>
                    <span class="item-price">{{item.price!==null?item.price:0;}}</span>
                    <span class="item-time">{{item.time|dateFilter2}}</span>
                    <div class="div-kuai">
                        <textarea class="kuai-input" placeholder="快来回答问题吧"></textarea>
                        <div class="kuai-bg"></div>
                        <div class="kuai-addpic">+添加图片</div>
                        <div class="kuai-font">仅支持jpg，jpeg格式 . 最多可上传3张图片，且每张图片大小不可超过1M.</div>
                        <div class="kuai-sub">提交回答</div>
                    </div>
                </li>
            </ol>
            <div class="fenyebox">
                <ui-pagination ng-if="paginationConf" conf="paginationConf"></ui-pagination>
            </div>

        </div>
        <div class="ddt">
			<div class="postbardeta-r">
				<!--问答排行-->
				<h2 id="hover">问答排行</h2>
				<div class="border"></div>
				<ul>
					<li class="theli" ng-repeat="item in otherdata">
						<div class="square" ng-style="getStyle(item.replyCount,item.solve)">
							<span>{{item.replyCount}}</span>
							<span ng-show="item.solve == 1">回答</span>
							<span ng-show="item.solve == 2">解决</span>
						</div>
						<div class="texts" ng-click="gotoxq(item.postbarId)">{{item.title}}</div>
						<div class="posttime">{{item.time|dateFilter2}}</div>
						<div class="class">{{item.top.tcName}}</div>
					</li>
				</ul>
				<div class="iaskbtn" ng-click="gotopage()">我要提问</div>
			</div>
        </div>
    </div>
</div>
<style type="text/css">
.datadiv {
	float: left;
	height: 66px;
	line-height: 66px;
	text-align: center;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	margin-left: 30px;
	margin-right: 30px;	
}
.swikibox {
	height: 66px;
	line-height: 66px;
}
.swikibox>span {
	float: left;
	display: inline-block;
	font-size: 14px;
	color: #000;
	margin-left: 21px;
}
	.ddt {
		float: right;
		width: 310px;
		overflow: hidden;
	}
	
	.iaskbtn {
		width: 100px;
		height: 9px;
		border-bottom: 1px #30a3ff solid;
		border-left: 1px #30a3ff solid;
		border-right: 1px #30a3ff solid;
		margin: 0 auto;
		line-height: 0px;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
		color: #acacac;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.class {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 60px;
		height: 18px;
		color: #bbb;
		font-size: 12px;
	}
	
	.posttime {
		position: absolute;
		bottom: 0;
		left: 60px;
		width: 40px;
		height: 18px;
		color: #bbb;
		font-size: 12px;
	}
	
	.texts {
		float: right;
		display: inline-block;
		width: 220px;
		height: 16px;
		font-size: 14px;
		color: #666;
		overflow: hidden;
		cursor: pointer;
	}
	
	.theli {
		position: relative;
		width: 280px;
		height: 38px;
		margin: 0 auto;
		margin-top: 20px;
		overflow: hidden;
	}
	
	.square>span {
		display: block;
		width: 36px;
		height: 18px;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
	
	.square {
		float: left;
		display: inline-block;
		width: 36px;
		height: 36px;
		overflow: hidden;
	}
	
	.border {
		width: 310px;
		height: 1px;
		background: url("them/img/border.png") 0px 0px no-repeat;
		background-size: 310px 1px;
		overflow: hidden;
	}
	
	#hover {
		width: 310px;
		height: 53px;
		line-height: 53px;
		font-size: 16px;
		color: #010101;
		background: url("them/img/nnnl.png") 15px 21px no-repeat;
		background-size: 14px 14px;
		padding-left: 44px;
		overflow: hidden;
	}
	
	.postbardeta-r {
		float: right;
		width: 310px;
		background-color: #fff;
		overflow: hidden;
	}
.fenyebox {
	width: 871px;
	height: 77px;
	margin: 0 auto;
}
body{
	background: url("them/img/jb-bg.png") 0px 0px repeat;
	background-size: 600px 600px;
}
    /*快速回答input*/

    .kuai-sub {
        position: absolute;
        top: 246px;
        right: 28px;
        z-index: 999;
        width: 80px;
        height: 30px border-radius: 2px;
        background-color: #30a3ff;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
    }

    .kuai-font {
        position: absolute;
        top: 249px;
        left: 120px;
        z-index: 999;
        width: 500px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        color: #bbb;
    }

    .kuai-addpic {
        position: absolute;
        top: 249px;
        left: 28px;
        z-index: 999;
        width: 78px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        border: 1px #ddd solid;
        font-size: 12px;
        color: #999;
        cursor: pointer;
    }

    .div-kuai {
        display: none;
        width: 940px;
        float: left;
        position: relative;
    }

    .kuai-input {
        position: absolute;
        left: 28px;
        top: 30px;
        width: 860px;
        font-size: 14px;
        height: 178px;
        z-index: 99;
        resize: none;
        padding: 10px 10px 10px 10px;
    }

    .kuai-bg {
        position: absolute;
        left: 30px;
        top: 32px;
        width: 880px;
        height: 198px;
        background-color: #ebebeb;
        border: 1px #ddd solid;
        z-index: 88;
    }
    /*快速回答*/

    .item-hover {
        opacity: 0;
        width: 64px;
        height: 24px;
        border: 1px #30a3ff solid;
        border-radius: 30px;
        font-size: ;
        color: #30a3ff;
        text-align: center;
        line-height: 24px;
        margin-top: 10px;
        margin-left: 14px;
        cursor: pointer;
    }
    /*wiki-list补充*/

    .pa1,
    .pa2,
    .pa3 {
        display: none;
    }

    .mutate h3 {
        display: none;
        font-size: 14px;
        color: #999;
    }

    .mutate li {
        font-size: 14px;
        color: #595959;
        padding-left: 50px;
        cursor: pointer;
        display: inline-block;
        float: left;
        width: 162px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        overflow: hidden;
    }

    .mutate li:hover {
        color: #fff;
        background-color: #30a3ff;
    }
    /*wiki-list*/

    .wiki-list {
        overflow: hidden;
    }

    .wiki-list li {
        width: 831px;
        height: 44px;
        line-height: 44px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .wiki-list li span {
        display: inline-block;
        float: left;
    }

    .item-title {
        width: 480px;
        margin-left: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }
 .item-title:hover {
 	text-decoration: underline;
 	color: #30a3ff;
 }
    .item-rep {
        display: inline-block;
        width: 34px;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }

    .item-solve {
        width: 60px;
        margin-left: 20px;
        color: #fff;
        text-indent: -9999px;
        text-align: center;
    }

    .item-price {
        display: inline-block;
        width: 88px;
        text-align: center;
        margin-left: 10px;
    }

    .item-time {
        width: 80px;
        text-align: center;
        margin-left: 20px;
    }
    /*wiki-list-top*/

    .wiki-list-top {
        width: 831px;
        height: 34px;
        background-color: #f0f6fc;
        line-height: 34px;
        margin-left: 21px;
        margin-right: 19px;
    }

    .wiki-list-top span {
        float: left;
        display: inline-block;
        font-size: 14px;
        color: #000;
    }

    .wiki-list-top span:nth-child(1) {
        margin-left: 16px;
        margin-right: 460px;
    }

    .wiki-list-top span:nth-child(2) {
        margin-right: 40px;
    }

    .wiki-list-top span:nth-child(3) {
        margin-right: 32px;
    }

    .wiki-list-top span:nth-child(4) {
        margin-right: 41px;
    }
    /*r-box*/

    .wiki-r-box-top {
        position: relative;
        width: 100%;
        height: 55px;
        overflow: hidden;
    }
	.wiki-r-box-top>li {
		display: inline-block;
		height: 15px;
		font-size: 12px;
		line-height: 15px;
		color: #000;
		margin-top: 20px;
	}
	.wiki-r-box-top>li:nth-child(1) {
		margin-left: 21px;
	}
	.wiki-r-box-top>li:nth-child(1)>span{
		color: #30a3ff;
		font-size: 18px;
	}
	.wiki-r-box-top>li:nth-child(2), .wiki-r-box-top>li:nth-child(3) {
		float: right;
		width: 60px;
		cursor: pointer;
	}
	.wiki-r-box-top>li:nth-child(2) {
		margin-right: 19px;
		background: url("them/img/rqup.png") 49px 2px no-repeat;
		background-size: 9px 10px;
		text-align: center;
	}	
	.wiki-r-box-top>li:nth-child(3) {
		border-right: 1px #ddd solid;
		background: url("them/img/sjdown.png") 28px 2px no-repeat;
		background-size: 10px 10px;
		color: #30a3ff;		
	}
	
	
    /*3级菜单*/

    .wiki-l-box h3 {
        display: inline-block;
        float: left;
        width: 164px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #999;
        cursor: pointer;
        padding-left: 36px;
        background: #fff url("them/img/tabadd.png") 179px 15px no-repeat;
        background-size: 10px 10px;
        overflow: hidden;
    }
    /*2级菜单*/

    .wiki-l-box h2 {
        display: inline-block;
        float: left;
        width: 175px;
        height: 40px;
        line-height: 40px;
        border: 1px #ddd solid;
        font-size: 16px;
        color: #666;
        cursor: pointer;
        padding-left: 23px;
        background: #f8f8f8 url("them/img/tabadd.png") 179px 15px no-repeat;
        background-size: 10px 10px;
        overflow: hidden;
    }
    /*1级菜单*/

    .wiki-l-box h1 {
        display: inline-block;
        width: 189px;
        height: 40px;
        line-height: 40px;
        border: 1px #ddd solid;
        font-size: 16px;
        color: #666;
        cursor: pointer;
        padding-left: 9px;
        background: #efeff0 url("them/img/tabadd.png") 179px 15px no-repeat;
        background-size: 10px 10px;
        margin-top: 21px;
    }

    .wiki-l-box ul li:nth-child(1) h1 {
        margin-top: 0;
    }
    /*背景布局设置*/

    .wiki-bg-box {
        width: 100%;
        height: 100%;
        background: url("them/img/jb-bg.png") 0px 0px repeat;
        background-size: 600px 600px;
        /*overflow: hidden;*/
    }

    .wiki-box {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        padding-top: 30px;
        overflow: hidden;
        padding-bottom: 50px;
    }

    .wiki-l-box {
        float: left;
        width: 200px;
        height: 100%;
        background-color: #fff;
        overflow: hidden;
    }

    .wiki-r-box {
        float: left;
        width: 871px;
        background-color: #fff;
        overflow:hidden;
    }

    .wiki-box h1:hover {
        color: #30a3ff;
    }

    .wiki-box h2:hover {
        background-color: #30a3ff;
        color: #fff;
    }

    .wiki-box h3:hover {
        background-color: #30a3ff;
        color: #fff;
    }
</style>